@charset "utf-8";
/* CSS Document */

/****** Home-banner-style ******/
#banner { }
#banner .slides { }
#banner .slides .Item { position: relative; }
#banner .slides .Item .box { position: absolute; left: 0; top: 100px; width: 100%; text-align: center; }
#banner .slides .Item .Intro { padding: 10% 0; color: #fff; }
#banner .slides .Item h1 { font-size: 52px; line-height: 80px; font-weight: 400; }
#banner .slides .Item h2 { font-size: 30px; line-height: 100px; font-weight: 400; }
#banner .slides .Item .Intro a { margin: 10px 0; display: inline-block; background: #fff; padding: 10px 40px; font-size: 16px; line-height: 26px; color: #363636; transition: all 0.3s; font-weight:bold; border-radius: 5px; }
#banner .slides .Item .Intro a i { margin-left: 5px; }
#banner .slides .Item .Intro a:hover { background: #D7A745; color: #fff; }

/****** Home-public-style ******/
.section { padding: 30px 0; margin:0 auto; }
.section .Tit { margin-bottom: 30px; }
.section .Tit h3 { font-size: 30px; line-height: 72px;  color: #0175C3; text-align: center; background:url(titlebg.png) bottom center no-repeat;   }
.section .Tit p { width:80%; margin: 0 auto; line-height: 24px;  color: #666666;  text-align: center;   font-size: 16px;}


#ad { width:100%;}
#ad img { width: 100%;}



/****** Home-Case-style ******/

#About { background-color:#ffffff;}
#About .main li { float: left; width: 25%; }
#About .main .Item { margin: 0 10px; background: #fff; box-shadow: 0 0 4px 1px #ccc; }
#About .main .Item .pic { overflow: hidden;}
#About .main .Item .pic img { transition: all 0.5s; width: 100%;}

#About .main .Item .Intro { padding: 15px; }

#About .main .Item .Intro h3 { font-size: 18px; color: #D7A745; text-align:center;  line-height: 30px; margin-bottom: 10px; white-space: nowrap; height: 30px; overflow: hidden; text-transform: uppercase; position: relative; }
#About .main .Item .Intro p { font-size: 14px; color: #666; line-height: 22px; height: 44px; overflow: hidden; }
#About .main .Item .more { background: #D7A745; padding: 10px 15px;  text-align:center;   overflow: hidden; transition: all 0.5s; margin: 0 auto; }
#About .main .Item .more span { font-size: 18px; text-align:center; color: #ffffff; line-height: 30px;   }

#About .main .Item:hover .pic img {transform: scale(1.2);}
#About .main .Item:hover .Intro {background: #D7A745;}
#About .main .Item:hover .Intro h3 { color: #ffffff; }
#About .main .Item:hover .Intro p { color: #ffffff;}

#Anli { width:100%; background: url('../images/albg.jpg') no-repeat center center;}
#Anli .main li{ width: 100%; text-align:center; margin: 0 auto; }
#Anli .Tit p { color:#dddddd}

#Case { background-color:#ffffff;}
#Case .main li { float: left; width: 25%; }
#Case .main .Item { margin: 0 10px; background: #fff; box-shadow: 0 0 4px 1px #ccc; }
#Case .main .Item .pic { overflow: hidden;}
#Case .main .Item .pic img { transition: all 0.5s; width: 100%;}

#Case .main .Item .Intro { padding: 15px; background: #FBF0DA;}

#Case .main .Item .Intro h3 { font-size: 18px; color: #D7A745; text-align:center;  line-height: 30px; margin-bottom: 10px; white-space: nowrap; height: 30px; overflow: hidden; text-transform: uppercase; position: relative; }
#Case .main .Item .Intro p { font-size: 14px; color: #666; line-height: 22px; height: 44px; overflow: hidden; }
#Case .main .Item .more { background: #D7A745; padding: 10px 15px;  text-align:center;   overflow: hidden; transition: all 0.5s; margin: 0 auto; }
#Case .main .Item .more span { font-size: 18px; text-align:center; color: #ffffff; line-height: 30px;   }

#Case .main .Item:hover .pic img {transform: scale(1.2);}
#Case .main .Item:hover .Intro {background: #D7A745;}
#Case .main .Item:hover .Intro h3 { color: #ffffff; }
#Case .main .Item:hover .Intro p { color: #ffffff;}



/****** Home-Product-style ******/
#Product { background: #ffffff; }
#Product .main li { position: relative;float: left; width: 25%;  }
#Product .main .Item { margin:10px; background: #0175C3; }
#Product .main .Item .pic { overflow: hidden; background-color:#FFFFFF;}
#Product .main .Item .pic img { transition: all 0.5s; width: 100%; }
#Product .main .Item:hover .pic img {transform: scale(1.1);}
#Product .main .Item .Intro { padding: 5px 10px; }
#Product .main .Item .Intro h3 { font-size: 16px; color: #ffffff; line-height: 24px; height: 24px; overflow: hidden; text-transform: uppercase; font-weight: 500; margin: 0; text-align:center;}
#Product .main .Item .Intro span { float:right; padding-left:24px; background:url(time.png) left center no-repeat; font-size: 16px; color: #fff; line-height: 30px; }


/****** Home-Zuopin-style ******/
#Hangye { background:#FFFFFF url(hybg.jpg) top center ; }
#Hangye .main li { position: relative;float: left; width: 25%;  }
#Hangye .main .Item { margin:10px; background: #0175C3; }
#Hangye .main .Item .pic { overflow: hidden;}
#Hangye .main .Item .pic img {width: 100%;}
#Hangye .main .Item .Intro { padding: 5px 10px; background-color:#0175C3; }
#Hangye .main .Item .Intro h3 { font-size: 16px; color: #FFFFFF; line-height: 24px; height: 24px; overflow: hidden; text-transform: uppercase; font-weight: 500; margin: 0; text-align:center;}


/****** Home-Culture-style ******/
#Culture { padding: 35px 0; }
#Culture .main li { float: left; width: 25%; }
#Culture .main .Item { padding:15px; text-align: center; margin:10px; box-shadow: 0 0 10px 0px #ddd;     background-color: #f9f9f9;}
#Culture .main .Item .pic { border-radius: 50%; width: 120px; height: 120px; padding: 2px; background: #0175C3; margin: 20px auto; }
#Culture .main .Item .pic .img { border-radius: 50%; background: #0175C3; width: 116px; height: 116px; margin: 0 auto; transition: all 0.5s linear; -o-transition: all 0.5s linear; -webkit-transition: all 0.5s linear; -moz-transition: all 0.5s linear; transform: rotate(0deg); }
#Culture .main .Item .Intro h3 { font-size: 24px; color: #333; line-height: 40px; padding-bottom: 10px; position: relative; margin-bottom: 15px;  }
#Culture .main .Item .Intro .line { position: absolute; left: 50%; bottom: 0; width: 60px; height: 3px; background: #E66E00; margin-left: -30px; }
#Culture .main .Item .Intro p { font-size: 14px; color: #666; padding:0 30px; line-height: 20px; }
#Culture .main .Item:hover .pic .img { transform: rotate(360deg); }
#Culture .main .Item:hover .Intro h3 {  color: #E66E00; }


/****** Home-cooperation-style ******/
#cooperation {  background: url('../images/zpbg.jpg') top center; }
#cooperation .Tit p { color:#ddd}
#case { background-color:#f2f2f2;}
#scroll{width:90%;margin:0 auto; }
#scroll .owl-wrapper-outer{margin:0 auto;}
#scroll .Item{position:relative; width:96%; height:auto; margin:0 auto;  background: #ffffff; overflow:hidden;}

#scroll .Item .Intro { padding: 5px 10px; text-align:center; }
#scroll .Item .Intro h3 { font-size: 20px; color: #333333; line-height: 50px; height: 50px; overflow: hidden; text-transform: uppercase; font-weight: 500; margin: 0;}
#scroll .Item .Intro p{ font-size:20px ;margin:  0; color: #D7A745; height:30px; line-height:30px; font-weight:bold;   overflow:hidden;}


.owl-theme .owl-controls .owl-buttons div{position:absolute;top:180px;width:30px;height:60px;margin:0;padding:0;border-radius:0;font:60px/60px "宋体";background-color:transparent;overflow:hidden;_display:none;}
.owl-theme .owl-controls .owl-buttons .owl-prev{left:-40px; display:none;}
.owl-theme .owl-controls .owl-buttons .owl-next{right:-40px; display:none;}
.owl-theme .owl-controls .owl-buttons .owl-prev:before{content:"<";}
.owl-theme .owl-controls .owl-buttons .owl-next:before{content:">";}


/****** Home-News-style ******/
#News { width:100%; margin:0 auto; background:#f2f2f2}
#News .main li { float: left; width: 50%; margin-bottom:20px; padding-left:10px; }
#News .main .Item {  overflow: hidden; padding-left: 180px; position: relative; background: #ffffff; width: 98%;}
#News .main .Item .pic { height: 140px; overflow: hidden; position: absolute; left: 0; top: 0; }
#News .main .Item .pic img { transition: all 0.3s; width: 180px; height:140px }

#News .main .Item .Intro { padding: 20px; }
#News .main .Item .Intro h3 { font-size: 16px; color: #0175C3; line-height: 30px; font-weight: 700; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; height: 30px; text-transform: uppercase; }
#News .main .Item .Intro .date { display: block; font-size: 14px; color: #DA0A18; line-height: 30px; padding-left:10px; }
#News .main .Item .Intro p { font-size: 14px; color: #666; line-height: 20px; overflow: hidden; height: 40px; }
#News .main .Item:hover .pic { background: #D7A745; }
#News .main .Item:hover .pic img { transform: scale(1.1); }
#News .main .Item:hover .Intro { background: #0175C3; }
#News .main .Item:hover .Intro h3 { color: #ffffff; }
#News .main .Item:hover .Intro .date { color: #ffffff; }
#News .main .Item:hover .Intro p { color: #ffffff; }

/****** Home-supply-chain-style ******/
#supply-chain { background: url('../images/zpbg.jpg') top center; }
#supply-chain .Tit p {  color:#ddd}
#supply-chain .main {  margin-bottom: 20px; }
#supply-chain .main .slick { float: left; width: 33.33%; }
#supply-chain .main .ecosystem-li {width: 33.3%; float: left;  }
#supply-chain .main .ecosystem-li .Item {margin: 10px 8px;  box-shadow: 0 0 4px 1px #ccc;  }
#supply-chain .main .ecosystem-img { overflow: hidden; }
#supply-chain .main .ecosystem-img img { width: 100%; transition: all 0.5s; }
#supply-chain .main .ecosystem-cont { padding: 20px; background: #fff; }
#supply-chain .main .ecosystem-cont h3 { overflow: hidden;  font-size: 18px; color: #D7A745; line-height: 40px; margin-bottom: 10px; white-space: nowrap; height: 40px;  text-transform: uppercase; position: relative; border-bottom:1px dashed #CCCCCC; 
}
#supply-chain .main .ecosystem-cont p { font-size: 14px; color: #888; line-height: 22px; margin-bottom: 20px; overflow: hidden; height: 44px; }
#supply-chain .main .ecosystem-cont .more { margin: 0; margin-bottom: 10px; margin-left: 10px; display: inline-block; border: 1px solid #D7A745; padding: 10px; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; font-size: 12px; color: #D7A745; line-height: 20px; transition: all 0.3s; }
#supply-chain .main .ecosystem-cont .more i { margin-left: 20px; font-size: 12px; line-height: 20px; }
#supply-chain .main .ecosystem-li:hover .ecosystem-cont .more { background: #D7A745; color: #fff; }
#supply-chain .main .owl-theme .owl-controls .owl-buttons div { position: absolute; border: none; outline: none; font-size: 0; top: 50%; width: 26px; height: 45px; margin-top: -22px; }
#supply-chain .main .owl-theme .owl-controls .owl-buttons .owl-prev { left: -50px; background: url('../images/left1.png'); }
#supply-chain .main .owl-theme .owl-controls .owl-buttons .owl-next { right: -50px; background: url('../images/right1.png'); }
#supply-chain .main .owl-theme .owl-controls .owl-buttons .owl-prev:hover { background: url('../images/left11.png'); }
#supply-chain .main .owl-theme .owl-controls .owl-buttons .owl-next:hover { background: url('../images/right11.png'); }


.box{width:100%;margin:0 auto;}
.tab_menu{overflow:hidden; text-align:center;     margin: 0 auto;}
.tab_menu li{width: auto; margin: 0 10px;  color:#fff;  text-align: center; cursor:pointer; display: inline-block; background-color: #999; line-height: 36px; padding:0 20px; font-size: 16px;  border-radius: 6px;}
.tab_menu li.current{  background:#E66E00;}
.tab_menu li a{color:#fff;text-decoration:none;}
.tab_menu li.current a{ color:#FFFFFF;}

.tab_box{padding:10px 0px;}
.tab_box .hide{display:none;}





@media (min-width: 1200px) {
}

@media (max-width: 1100px) {
}

@media (max-width: 1025px) {
    .section { padding: 30px 0; }
	
    #About .main { margin: 0 -5px; }
    #About .main .Item { margin: 5px; }
	#About .main .Item .Intro h3 { font-size:16px; }	
	
	#Culture { padding: 3% 0 5% 0; }
    #Culture .main .Item .Intro h3 { font-size: 18px; }
    #Culture .main .Item .Intro p { font-size: 14px; }
	
    #Case .main { margin: 0 -5px; }
    #Case .main .Item { margin: 5px; }
	#Case .main .Item .Intro h3 { font-size:16px; }
    #News .main { margin: 0 -5px; }
    #News .main .Item { margin: 0 5px; }
    #supply-chain .main .owl-theme .owl-controls .owl-buttons div { display: none !important; }
}

@media (max-width: 768px) {
    #banner .slides .Item .box { top: 0; }
    #banner .slides .Item h1, #banner .slides .Item h2, #banner .slides .Item .Intro a { font-size: 20px; line-height: 40px; }
    #banner .slides .Item .Intro a { padding: 5px 10px; }
    .section { padding: 20px 0; }
    .section .Tit { margin-bottom: 10px; }
    .section .Tit h3 { font-size: 20px; line-height: 60px; font-weight:bold; }
	.section .Tit p { font-size:14px; width:90%;}
    
	#About .main .Item .Intro { background-color:#D7A745;  padding: 5px;}
	#About .main .Item .Intro h3 { white-space: normal; font-size:16px; color:#FFFFFF;  margin: 0;}
    #About .main li { width: 50%; }
    #About .main .Item .Intro p { display: none; }
	
	
	
    #Anli img { width: 100%;}


	#Case .main .Item .Intro { background-color:#D7A745;  padding: 5px;}
	#Case .main .Item .Intro h3 { white-space: normal; font-size:16px; color:#FFFFFF;  margin: 0;}
    #Case .main li { width: 50%; }
    #Case .main .Item .Intro p { display: none; }
 
	#Product .main li { position: relative;float: left; width: 50%;  }
	
	#Course { padding: 1% 0; }
    #Culture .main li { width: 50%; }
    #Culture .main .Item .pic { margin: 0 auto; width: 80px; height: 80px; padding: 3px; }
    #Culture .main .Item .pic .img { width: 74px; height: 74px; }
    #Culture .main .Item .Intro h3 {font-size: 16px;  margin-bottom: 5px; padding: 5px; }
    #Culture .main .Item .Intro p { font-size: 14px;  padding:0 20px; line-height: 20px; height:80px; }
	
	#Culture .main .Item .Intro .line { display:none; }
    .M-Course .slicklist .Item { margin: 5px; }
	
	#News { background:#f2f2f2; }
    #News .main li { width: 100%; margin-bottom:10px; padding-left:0px; }
    #News .main .Item { margin: 0 auto; padding-left: 80px; }
	
    #News .main .Item .pic img { width: 80px; height:60px; top: -103px; }
    #News .main .Item .Intro {    padding: 10px; }
    #News .main .Item .Intro h3 { display: none; line-height: 24px; font-size: 14px; height: 48px; white-space: normal; }
    #News .main .Item .Intro p { color:#333}
	#News .main .Item .Intro .date { display: none; }
	
    #supply-chain { background:#f2f2f2; }
    #supply-chain .main { margin-bottom: 0; }

    #supply-chain .main .ecosystem-li { float: left; width: 100%; }
	#supply-chain .main .ecosystem-li .Item {margin: 5px;  box-shadow: 0 0 4px 1px #ccc;  }
    #supply-chain .main .ecosystem-cont { padding: 5px 15px; }
	#supply-chain .main .ecosystem-cont h3 {  font-size: 16px; line-height: 30px; height: 30px;   border-bottom:0px; 
}
    #supply-chain .main .ecosystem-cont p { font-size: 14px; height:auto; color: #888; line-height: 22px; margin-bottom:10px; }

    #supply-chain .main .ecosystem-cont .more { display: none; }

    #cooperation .main li { width: 25%; }
    #cooperation .main li:nth-child(4) .Item .next { display: none; }
	
   .tab_menu li{width:14px; margin: 0 3px;   border-radius: 7px; height:14px; color:#fff; background:#ccc; text-align: center; cursor:pointer; display: inline-block; padding:0px;}
   .tab_menu li span{ display:none;}
}

@media (max-width: 640px) {
    #banner .slides .Item h1, #banner .slides .Item h2, #banner .slides .Item .Intro a { font-size: 14px; line-height: 20px; }
    #banner .slides .Item .Intro { padding: 0; padding-top: 7%; }
    #banner .slides .Item .Intro a {  display:none; padding: 3px 6px; font-size: 12px; }
	#banner .slides .Item .Intro .more {  display:none;  }

    #About .main .Item .Intro { background-color:#D7A745;}
	#About .main .Item .Intro h3 { white-space: normal; font-size:16px; color:#FFFFFF; }
	
    #Case .main .Item .Intro { background-color:#D7A745;}
	#Case .main .Item .Intro h3 { white-space: normal; font-size:16px; color:#FFFFFF; }


	
	#Hangye .main li { position: relative;float: left; width: 50%;  }
	#Hangye .main .Item { margin: 10PX;}
	
	#Culture .main .Item {padding: 5px; margin:5px; box-shadow: 0 0 5px 0px #ddd;}
    #Culture .main .Item .pic { margin: 0 auto; width: 100px; height: 100px; padding: 3px; }
    #Culture .main .Item .pic .img { width: 94px; height: 94px; }
    #Culture .main .Item .Intro h3 { color: #E66E00; line-height: 24px; */ }
	#Culture .main .Item .Intro p { display:none;}
	
    #cooperation .M-lc { display: block; }
    #scroll .Item .Intro h3 { font-size: 20px; color: #333333; line-height: 30px; height: 30px; overflow: hidden; text-transform: uppercase; font-weight: 500; margin: 0;}
    #scroll .Item .Intro p{ font-size:16px ;margin:  0; color: #D7A745; height:23px; line-height:23px; font-weight:bold;   overflow:hidden;}



}

@media (max-width: 480px) {
    #cooperation .main li { width: 33.33%; }
}

@media (max-width: 420px) {
}

@media (max-width: 320px) {
    #Case .main li { width: 100%; }
}